<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h3>css书写顺序</h3>
  <p>显示属性：display,position,float,clear</p>
  <p>自身属性：width,height,margin,padding,border,background</p>
  <p>文本属性：color,font,text-align,vertical-align,whitespace</p>
  <p>其他</p>
  <hr />
  <h3>font复合书写顺序</h3>
  font:font-style font-weight font-size line-height font-family
  <hr />
  <h3>颜色：6位1,2/3,4/5,6 这三对同时相同时，可缩写为3位</h3>
  <hr />
  <h3>margin padding 类似的不能分开写</h3>
  <hr />
  <h3>0.3 ==》.3</h3>
  <hr />
  <h3>命名</h3>
  <p>选择器复合单词用 - </p>
  <p>JS钩子ID用 _ </p>
  <h4>选择器小写</h4>
  <p>header -> hd</p>
  <p>nav sidebar btn button</p>
  <em>不要用直观命名：bottom top left right</em>
  <h1>可以多去大网站看命名规则</h1>
</body>

</html>